const tableConfig = {
	stripe: true,
	border: true,
	maxHeight: '80vh',
	columns: [
		{
			type: 'expand',
			render: () => {
				return (
					<div style="width: 40vw;margin: 0 auto;">
						<el-descriptions column={2}>
							<el-descriptions-item label="等级评定星级">kooriookami</el-descriptions-item>
							<el-descriptions-item label="现场评定总分">956分</el-descriptions-item>
							<el-descriptions-item label="环境总分">
								<div class="flex align-center">
									<span>环境总分</span>
									<el-button size="small">点击查看评定明细</el-button>
								</div>
							</el-descriptions-item>
							<el-descriptions-item label="设施设备总分">
								<span>180.34分 得分占比 92%</span>
							</el-descriptions-item>
							<el-descriptions-item label="运营设备总分">
								<span>180.34分 得分占比 92%</span>
							</el-descriptions-item>
							<el-descriptions-item label="服务总分">
								<span>580.34分 得分占比 92%</span>
							</el-descriptions-item>
						</el-descriptions>
					</div>
				)
			},
		},
		{ label: '评定人员', prop: 'roleName' },
		{ label: '评定单位', prop: 'organizationName' },
		{
			label: '评定时间',
			prop: 'creditCode',
		},
		{ label: '评定结果', prop: 'burdenUserName' },
		{ label: '数据来源', prop: 'burdenUserPhone' },
	],
}
export default defineComponent({
	setup() {
		const baseConfig = {
			pageName: '机构等级评定档案',
			rowKey: 'organizationId',
			api: {
				index: 'sysServiceOrganization_page',
			},
			auth: {
				index: 'sysServiceOrganization_page',
			},
		}
		return () => (
			<aplid-base-crud
				api={baseConfig.api}
				pageName={baseConfig.pageName}
				rowKey={baseConfig.rowKey}
				auth={baseConfig.auth}
				tableConfig={tableConfig}
			/>
		)
	},
})
